<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>practice1</title>
    <link rel="stylesheet" href="../css/003reset.css">
    <link rel="stylesheet" href="../css/003main.css">
</head>
<body>
    <div class="header-con">
        <div class="header">
            <div class="header-left fl">
                <h1>欢迎来到天天生鲜！</h1>
            </div>
            <ul class="header-right fr">
                <li>
                    <h1>欢迎您：</h1>
                    <a href="" class="user">张 山</a>
                </li>
                <li class="unlogin">
                    <h1>注册</h1>
                    <span>|</span>
                    <h1>登录</h1>
                </li>
                <li>
                    <span>|</span>
                    <h1>我的购物车</h1>
                    <span>|</span>
                    <h1>我的订单</h1>
                </li>
            </ul>
        </div>     
    </div>
    <div class="logo-con">
        <div class="logo">
            <img src="../images/016logo.png" alt="">
        </div>
        <div class="search-con">
            <input type="text" class="input" placeholder="搜索">
            <input type="button" class="btnsearch" value="搜索">
        </div>
        <div class="cart-con">
            <li class="cart fl">
                <a href="" class="">我的购物车</a>
            </li>
            <li class="note fl">
                <h2 class="">0</h2>
            </li>
        </div>
    </div>     
    <div class="all-goods-con">
        <div class="menu">
            <h2>全部商品分类</h2>
            <a href="" class="menu-index">首页</a>
            <span>|</span>
            <a href="">手机生鲜</a>
            <span>|</span>
            <a href="">抽奖</a>
        </div>   
    </div>   
    <div class="category-con">
        <div class="menu-detail fl">
            <li>
                <a href="">新鲜水果</a>
            </li>
            <li class="list1">
                <a href="">海鲜水产</a>
            </li>
            <li class="list2">
                <a href="">禽类蛋品</a>
            </li>
            <li class="list3">
                <a href="">猪牛羊肉</a>
            </li>
            <li class="list4">
                <a href="">新鲜蔬菜</a>
            </li>
            <li class="list5">
                <a href="">速冻食品</a>
            </li>
        </div>
        <div class="slides-con fl">
            <div class="slides">
                <img src="../images/016slide01.jpg" alt="">
                <img src="../images/016slide01.jpg" alt="">
                <img src="../images/016slide01.jpg" alt="">
                <img src="../images/016slide01.jpg" alt="">
                <img src="../images/016slide01.jpg" alt="">
                <img src="../images/016slide01.jpg" alt="">
            </div>
            <div class="leftarrow">
            </div>
            <div class="rightarrow">
            </div>
            <div class="circles">
                <li class="first_circle"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </div>
        </div>
        <div class="advs-con fl">
            <img src="../images/016adv01.jpg" alt="" class="fl">
            <img src="../images/016adv02.jpg" alt="" class="fl">
        </div>
    </div>
    <div class="main-con">
        <div class="header">
            <h4>海鲜水产</h4>
            <span>|</span>
            <a href="">深海鳕鱼</a>
            <a href="">帝王蟹</a>
        </div>
        <div class="body">
            <a href="" class="banner fl">
                <img src="../images/016banner02.jpg" alt="">
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
        </div>
    </div>     
    <div class="main-con">
        <div class="header">
            <h4>海鲜水产</h4>
            <span>|</span>
            <a href="">深海鳕鱼</a>
            <a href="">帝王蟹</a>
        </div>
        <div class="body">
            <a href="" class="banner fl">
                <img src="../images/016banner02.jpg" alt="">
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
        </div>
    </div>     
    <div class="main-con">
        <div class="header">
            <h4>海鲜水产</h4>
            <span>|</span>
            <a href="">深海鳕鱼</a>
            <a href="">帝王蟹</a>
        </div>
        <div class="body">
            <a href="" class="banner fl">
                <img src="../images/016banner02.jpg" alt="">
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
        </div>
    </div>     
    <div class="main-con">
        <div class="header">
            <h4>海鲜水产</h4>
            <span>|</span>
            <a href="">深海鳕鱼</a>
            <a href="">帝王蟹</a>
        </div>
        <div class="body">
            <a href="" class="banner fl">
                <img src="../images/016banner02.jpg" alt="">
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
        </div>
    </div>     
    <div class="main-con">
        <div class="header">
            <h4>海鲜水产</h4>
            <span>|</span>
            <a href="">深海鳕鱼</a>
            <a href="">帝王蟹</a>
        </div>
        <div class="body">
            <a href="" class="banner fl">
                <img src="../images/016banner02.jpg" alt="">
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
        </div>
    </div>         
    <div class="main-con">
        <div class="header">
            <h4>海鲜水产</h4>
            <span>|</span>
            <a href="">深海鳕鱼</a>
            <a href="">帝王蟹</a>
        </div>
        <div class="body">
            <a href="" class="banner fl">
                <img src="../images/016banner02.jpg" alt="">
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
            <a href="" class="banner-goods fl">
                <h4 class="h4-1">基围虾</h4>
                <img src="../images/016goods.jpg" alt="">
                <h4 class="h4-2">¥ 26.80</h4>
            </a>
        </div>
    </div>  
    <div class="auxilary">
    </div>
    <div class="foot">
        <p class='links'>
            <a href="">关于我们</a>
            <span>|</span>
            <a href="">联系我们</a>
            <span>|</span>
            <a href="">招聘人才</a>
            <span>|</span>
            <a href="">友情链接</a>
        </p>
        <p>
            CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved
        </p>
        <p>
            电话：010-****888  京ICP备*******8号
        </p>
    </div>         
</body>
</html>